<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2018-05-16
  Time: 9:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/bootstrap/js/bootstrap.min.js"></script>



    <script type="text/javascript">


        function showAtRight(url) {
            var xmlHttp;
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlHttp=new XMLHttpRequest();  //创建 XMLHttpRequest对象
            }
            else {
                // code for IE6, IE5
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlHttp.onreadystatechange=function() {
                //onreadystatechange — 当readystate变化时调用后面的方法
                if (xmlHttp.readyState == 4) {
                    //xmlHttp.readyState == 4  ——  finished downloading response
                    if (xmlHttp.status == 200) {
                        //xmlHttp.status == 200    ——  服务器反馈正常
                        document.getElementById("content").innerHTML=xmlHttp.responseText;  //重设页面中id="content"的div里的内容
                        executeScript(xmlHttp.responseText);  //执行从服务器返回的页面内容里包含的JavaScript函数
                    }
                    //错误状态处理
                    else if (xmlHttp.status == 404){
                        alert("出错了☹  （错误代码：404 Not Found），……！");
                        /* 对404的处理 */
                        return;
                    }
                    else if (xmlHttp.status == 403) {
                        alert("出错了☹  （错误代码：403 Forbidden），……");
                        /* 对403的处理 */
                        return;
                    }
                    else {
                        alert("出错了☹  （错误代码：" + request.status + "），……");
                        /* 对出现了其他错误代码所示错误的处理  */
                        return;
                    }
                }
            }
            //把请求发送到服务器上的指定文件（url指向的文件）进行处理
            xmlHttp.open("GET", url, true);    //true表示异步处理
            xmlHttp.send();




        }


        function executeScript(html)
        {
            var reg = /<script[^>]*>([^\x00]+)$/i;
            //对整段HTML片段按<\/script>拆分
            var htmlBlock = html.split("<\/script>");
            for (var i in htmlBlock)
            {
                var blocks;//匹配正则表达式的内容数组，blocks[1]就是真正的一段脚本内容，因为前面reg定义我们用了括号进行了捕获分组
                if (blocks = htmlBlock[i].match(reg))
                {
                    //清除可能存在的注释标记，对于注释结尾-->可以忽略处理，eval一样能正常工作
                    var code = blocks[1].replace(/<!--/, '');
                    try
                    {
                        eval(code) //执行脚本
                    }
                    catch (e)
                    {
                    }
                }
            }
        }
    </script>
</head>
<body>

   <%-- 左侧菜单--%>
    <div>

        <div style="position:absolute;box-sizing:border-box;height:100%; width:200px;background-color: #f5f5f5;" >
            <a class="list-group-item active" style="height: 60px;text-align: center;font-size: 20px;">统计报表</a>

            <a class="list-group-item" data-toggle="collapse" href="#jinghuo">进货统计</a>
            <div id="jinghuo" class="panel-collapse collapse in">
                <div class="panel-body">
                    <a  onclick="showAtRight('gonghuoshangtongji.jsp')" class="list-group-item">供货商供应</a>
                    <a  onclick="showAtRight('huopingcaigoutongji.jsp')" class="list-group-item">货品采购统计</a>
                    <a  onclick="showAtRight('yewuyuancaigou.jsp')" class="list-group-item">业务员采购</a>
                </div>
            </div>

            <a class="list-group-item" data-toggle="collapse" href="#chuhuo">出货统计</a>
            <div id="chuhuo" class="panel-collapse collapse in">
                <div class="panel-body">
                    <a  onclick="showAtRight('kehuxiaostongji.jsp')"  class="list-group-item">客户销售统计</a>
                    <a  onclick="showAtRight('huopinchuhuotongji.jsp')" class="list-group-item">货品出货统计</a>
                    <a  onclick="showAtRight('huopinchuhuopaihang.jsp')" class="list-group-item">货品出货排行</a>
                    <a  onclick="showAtRight('huopinyingyefenxi.jsp')" class="list-group-item">出货营业分析</a>
                </div>
            </div>
        </div>

    </div>
    <%--右侧内容--%>
    <div id="content" style="box-sizing: border-box;float: left;box-sizing: border-box;padding-left: 200px;overflow-x: hidden;clear: both;min-width:100%;min-height: 500px; ">

    </div>
</body>
</html>
